<%--
  Created by IntelliJ IDEA.
  User: w1057229265
  Date: 2021/6/19
  Time: 18:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>快乐书城</title>
    <link rel="stylesheet" type="text/css" href="static/plugins/jquery-easyui-1.9.15/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="static/plugins/jquery-easyui-1.9.15/themes/icon.css">
    <script type="text/javascript" src="static/plugins/jquery-easyui-1.9.15/jquery.min.js"></script>
    <script type="text/javascript" src="static/plugins/jquery-easyui-1.9.15/jquery.easyui.min.js"></script>
    <script>
        $(function (){
            $("#meau .easyui-linkbutton").click(function(){


                // 添加一个新的标签页面板（tab panel）
                if ($('#tt').tabs('exists',this.innerText)){
                    $('#tt').tabs('select',this.innerText)
                }
                else {
                    let url = $(this).data('url');



                    $('#tt').tabs('add', {
                        title: this.innerText,
                        content: '<iframe  src="'+url+'" frameborder="0" scrolling="true" style="width: 100%; height: 100%;"></iframe>',
                        closable: true,
                    });
                }
            });
        })
    </script>
</head>
<%
    if (session.getAttribute("username") ==null) response.sendRedirect("/sirloin.jsp");
%>
<body class="easyui-layout">
<div data-options="region:'north',border:false" style="height:68px;">
    <img src="static/images/y.jpg " height="280px" >
    <div style="float: right; margin:22px">欢迎您:<%=session.getAttribute("username")%>
        <a href="ServletLogin?action=logout1" class="easyui-linkbutton" data-options="iconCls:'icon-back',plain:true">注销</a>
    </div>
</div>
</div>
<div data-options="region:'west',split:true,title:'书城'" style="width:250px;">
    <div id="meau" class="easyui-accordion" data-options="fit:true">
        <div title="总目录" data-options="iconCls:'icon-ok'" style="overflow:auto;padding:10px;">
            <a href="#" class="easyui-linkbutton" data-url="product/book1.jsp" data-options="iconCls:'icon-add' "style="width: 100%; margin-bottom: 6px ">爱情</a>
            <%--  <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">销售管理</a>--%>
            <a href="#" class="easyui-linkbutton" data-url="product/book1.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">历史</a>
            <a href="#" class="easyui-linkbutton" data-url="product/book1.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">玄幻</a>
            <a href="#" class="easyui-linkbutton" data-url="product/book1.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">武侠</a>
            <a href="#" class="easyui-linkbutton" data-url="product/book1.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">修仙</a>
            <a href="#" class="easyui-linkbutton" data-url="product/book1.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">都市</a>
            <a href="#" class="easyui-linkbutton" data-url="product/book1.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">哲学</a>
            <a href="#" class="easyui-linkbutton" data-url="product/book1.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">社会</a>
            <a href="#" class="easyui-linkbutton" data-url="product/book1.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">经济</a>
        </div>
        <div title="个人中心" data-options="iconCls:'icon-help'" style="padding:10px;">
            <%--        <p>The accordion allows you to provide multiple panels and display one or more at a time. Each panel has built-in support for expanding and collapsing. Clicking on a panel header to expand or collapse that panel body. The panel content can be loaded via ajax by specifying a 'href' property. Users can define a panel to be selected. If it is not specified, then the first panel is taken by default.</p>--%>
            <%--   --%>
            <a href="#" id="Ed" class="easyui-linkbutton" data-url="personal/changepwd.jsp" data-options="iconCls:'icon-add' "style="width: 100%; margin-bottom: 6px ">密码修改</a>
            <a href="#" class="easyui-linkbutton" data-url="personal/userform.jsp" data-options="iconCls:'icon-add' "style="width: 100%; margin-bottom: 6px ">个人信息</a>
                <a href="#" class="easyui-linkbutton" data-url="personal/userpower.jsp" data-options="iconCls:'icon-add' "style="width: 100%; margin-bottom: 6px ">个人权限</a>

        </div>
        <div title="特价书" data-options="iconCls:'icon-search'" style="padding:10px;">
            <a href="#" class="easyui-linkbutton" data-url="product/computer.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">计算机</a>
            <a href="#" class="easyui-linkbutton" data-url="product/categorylist.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">童话</a>
            <a href="#" class="easyui-linkbutton" data-url="product/categorylist.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">文学</a>
            <a href="#" class="easyui-linkbutton" data-url="product/categorylist.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">生活</a>
            <a href="#" class="easyui-linkbutton" data-url="product/categorylist.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">艺术</a>
            <a href="#" class="easyui-linkbutton" data-url="product/categorylist.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">少儿</a>
        </div>
        <div title="购物车" data-options="iconCls:'icon-search'" style="padding:10px;">
            <a href="#" class="easyui-linkbutton" data-url="product/car.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">我的购物车</a>
        </div>
        <div title="我的订单" data-options="iconCls:'icon-search'" style="padding:10px;">
            <a href="#" class="easyui-linkbutton" data-url="product/Orderlist.jsp" data-options="iconCls:'icon-add'" style="width: 100%; margin-bottom: 6px ">我的订单</a>
        </div>


    </div>
</div>
<div data-options="region:'south',border:false" style="height:45px;padding:10px;text-align: center">
    地址：重庆市巴南区红光大道69号重庆理工大学书商 莫得版权</div>
<div data-options="region:'center',border:false">
    <div id="tt" class="easyui-tabs" data-options="fit:true">
        <div title="首页" style="padding:10px">
            <p style="font-size:14px">欢迎来到快乐书城</p>
            <ul>
                <li>您可以浏览图书</li>
                <li>您可以修改密码</li>
                <li>您可以购买图书</li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>

